.vipUserCard{
	position: relative;
	width: 622rpx;
	margin-left: 32rpx;
	height: 222rpx;
	border-radius: 24rpx;
	margin-top: 32rpx;
	padding: 32rpx;
	background-image: url(../../../static/img/vipCenterTop.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.mask {
	height: 100vh;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 9999;
	position: absolute;
	top: 0;
}

.userInfoBox{
	display: flex;
	flex-direction: row;
}

.userName{
	margin-left: 16rpx;
	color: #FFFFFF;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
}
.avater{
	width: 110rpx;
	height: 110rpx;
	border-radius: 50%;
}

.vipIcon{
	width: 44rpx;
	height: 33rpx;
	margin-left: 9rpx;
}

.invitationCode{
	margin-top: 22rpx;
	margin-left: 16rpx;
	color: #FFFFFF;
	font-size: 24rpx;
	font-family: PingFang SC;
	
	color: #FAF8FB;

}

.flexBox{
	display: flex;
	flex-direction: column;
}
.infoBox {
	display: flex;
	flex-direction: row;
}

.dateBox {
	position: absolute;
	bottom: 33rpx;
	right: 32rpx;
	font-size: 20rpx;
	font-family: PingFang SC;
	
	color: #DDD7FD;
}

.vipAd {
	width: 418rpx;
	height: 37rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 45rpx;
	background: linear-gradient(0deg, #694CFF, #755AFF);
	border-radius: 18rpx;
	font-size: 26rpx;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFF8EE;
}

.vipPriceBox{
	width: 650rpx;
	height: 300rpx;
	margin: 0 auto;
	margin-top: 44rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.vipPriceItem {
	position: relative;
	width: 204rpx;
	height: 296rpx;
	background: #FAF8FB;
	border-radius: 24rpx;
}

.vipPriceItem-click {
	border: 1px solid #6F53FF;
}

.recommend {
	width: 88rpx;
	height: 48rpx;
	border-radius: 24rpx 0rpx;
	background: linear-gradient(90deg, #FF4D2F 0%, #FF8329 100%);
	font-size: 25rpx;
	font-family: NotoSansHans;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.PriceData {
	position: absolute;
	top: 49rpx;
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-left: 25rpx;
}

.vipDate {
	font-size: 33rpx;
	font-family: PingFang SC;
	
	color: #333333;
}

.vipPrice {
	font-size: 41rpx;
	font-family: Adobe Heiti Std;
	font-weight: bold;
	color: #7257FF;
	margin-top: 30rpx;
}

.oldPrice {
	font-size: 33rpx;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	text-decoration: line-through;
	color: #7257FF;
	opacity: 0.35;
}

.savePrice {
	width: 156rpx;
	height: 45rpx;
	border-radius: 23rpx;
	margin: 0 auto;
	font-size: 25rpx;
	font-family: PingFang SC;
	
	color: #7459FF;
	border: 1px solid #7459FF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.savePrice-click {
	background: #FF4F2E;
	color: #FFFFFF;
	border: 1px solid #FF4F2E;
}

.vipPrice-click{
	color: #FF4F2E;
}

.payBtn {
	line-height: 101rpx;
	width: 680rpx;
	background: linear-gradient(0deg, #694CFF, #755AFF);
	border-radius: 50rpx;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	
	margin-top: 47rpx;
}

.line {
	height: 35rpx;
	width: 436rpx;
	background-image: url(../../../static/img/line.png);
	text-align: center;
	background-size: cover;
	margin:  0 auto;
	margin-top: 41rpx;
}

.power {
	width: 614rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	margin-top: 46rpx;
}

.powerIconBox{
	width: 100rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.title {
	font-size: 25rpx;
	font-family: PingFang SC;
	
	color: #333333;
}

.powerIcon {
	height: 60rpx;
	width: 54rpx;
}

.invitationBox {
	padding: 41rpx;
}

.rightBlock{
	width: 12rpx;
	height: 40rpx;
	background: #7459FF;
	border-radius: 6rpx;
}

.invitationTopBox {
	display: flex;
	flex-direction: row;
	height: 40rpx;
	align-items: center;
}

.content {
	margin-left: 10rpx;
	font-size: 33rpx;
	font-family: PingFang SC;
	
	color: #333333;
}

.editIcon {
	position: absolute;
	right: 40rpx;
	background-image: url(../../../static/img/edit.png);
	height: 32rpx;
	width: 40rpx;
	background-size: cover;
}

.row {
	display: flex;
	flex-direction: row;
}

.column {
	display: flex;
	flex-direction: column;
}

.user-list-box {
	margin-top: 47rpx;
}

.userInfo{
	margin-left: 15rpx;
	margin-top: 8rpx;
}

.nickName {
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #2B2937;
}

.nickName-vip {
	
}

.age-location{
	margin-top: 17rpx;
	font-size: 15rpx;
	font-family: PingFang SC;
	
	color: #FFFFFF;
}

.age {
	width: 72rpx;
	line-height: 33rpx;
	text-align: center;
	background: linear-gradient(-82deg, #FF8AB4, #FF73A4);
	border-radius: 16rpx;
}
.location {
	width: 72rpx;
	line-height: 33rpx;
	text-align: center;
	border-radius: 16rpx;
	background: linear-gradient(-82deg, #BB89FC, #987FFF);
	margin-left: 12rpx;
}

.userInfo-right {
	position: absolute;
	right: 32rpx;
	margin-top: 8rpx;
	width: 152rpx;
	text-align: center;
}

.time{
	font-family: PingFang SC;
	
	color: #9C9AA7;
	font-size: 23rpx;
}

 .moreimage {
	 height: 64rpx;
	 width: 152rpx;
}

image>img{
	height: 100%;
	width: 100%;
}
